<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>伊可广告 - 专业招牌制作与广告设计</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="container">
            <div class="logo">
                <h1>伊可广告</h1>
            </div>
            <ul class="nav-links">
                <li><a href="index.html" class="active">首页</a></li>
                <li><a href="about.html">企业介绍</a></li>
                <li><a href="products.html">产品介绍</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="message.html">留言板</a></li>
            </ul>
            <div class="burger">
                <div class="line1"></div>
                <div class="line2"></div>
                <div class="line3"></div>
            </div>
        </div>
    </nav>

    <!-- 轮播图 -->
    <div class="slider">
        <div class="slides">
            <div class="slide active">
                <img src="images/slide1.jpg" alt="招牌制作案例">
                <div class="slide-content">
        
                </div>
            </div>
            <!-- 更多轮播图将通过JavaScript动态添加 -->
        </div>
        <button class="slider-btn prev"><i class="fas fa-chevron-left"></i></button>
        <button class="slider-btn next"><i class="fas fa-chevron-right"></i></button>
    </div>

    <!-- 服务介绍 -->
    <section class="services">
        <div class="container">
            <h2 class="section-title">我们的服务</h2>
            <div class="service-grid">
                <div class="service-card">
                    <i class="fas fa-store"></i>
                    <h3>招牌制作</h3>
                    <p>专业制作各类店铺招牌，LED发光字，灯箱广告</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-print"></i>
                    <h3>打印复印</h3>
                    <p>提供高质量打印、复印、彩印服务</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-pencil-ruler"></i>
                    <h3>广告设计</h3>
                    <p>专业设计各类广告、宣传单、海报</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-images"></i>
                    <h3>图文制作</h3>
                    <p>提供照片冲洗、证件照、图片处理服务</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 公司优势 -->
    <section class="advantages">
        <div class="container">
            <h2 class="section-title">为什么选择我们</h2>
            <div class="advantage-grid">
                <div class="advantage-item">
                    <i class="fas fa-tools"></i>
                    <h3>专业设备</h3>
                    <p>配备先进打印设备，确保制作质量</p>
                </div>
                <div class="advantage-item">
                    <i class="fas fa-bolt"></i>
                    <h3>快速响应</h3>
                    <p>急件加急处理，满足紧急需求</p>
                </div>
                <div class="advantage-item">
                    <i class="fas fa-hand-holding-usd"></i>
                    <h3>价格实惠</h3>
                    <p>合理定价，物美价廉</p>
                </div>
                <div class="advantage-item">
                    <i class="fas fa-star"></i>
                    <h3>品质保证</h3>
                    <p>严格把控质量，让您放心使用</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>联系我们</h3>
                    <p><i class="fas fa-phone"></i> 电话：400-123-4567</p>
                    <p><i class="fas fa-envelope"></i> 邮箱：info@example.com</p>
                    <p><i class="fas fa-map-marker-alt"></i> 地址：某某市某某区某某街道123号</p>
                </div>
                <div class="footer-section">
                    <h3>关注我们</h3>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-weixin"></i></a>
                        <a href="#"><i class="fab fa-weibo"></i></a>
                        <a href="#"><i class="fab fa-qq"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 伊可广告. 保留所有权利.</p>
            </div>
        </div>
    </footer>

    <script src="js/main.js"></script>
</body>
</html> 